<template>
  <div class="page">
    <div class="imgbox">
    	<img :src="food.tpuri" />
    	<div class="tradenamebox">
    		<router-link class="trade_name" to="/trade">   
    	   		{{tradename}}
    	  </router-link>
    	</div>
    </div>
    <div class="foodnamebox">   	
    	<div class="foodnamebox1">
    	   <div class="food_name">
    	   		{{food.cpmc}}
    	   </div>
    	   <div class="food_add" @click="addcart(food)"><i class="iconfont icon-jia"></i></div>
    	</div>
    	<div class="foodnamebox2">
    	   <div class="food_sales">
    	   		月销{{food.cpxl}}份
    	   </div>
    	   <div class="food_make">
    	   		{{food.make}}
    	   </div>
    	   <div class="food_price">
    	   		￥{{food.cpjg}}
    	   </div>
    	   
    	   
    	</div>
    </div>
  	<div class="evaluationbox">
    	<div class="titlebox">
    	   <div class="title">
    	   		菜品评价（{{evanumber}}）
    	   </div>
    	   <div class="more">
    	   		<i>加载更多 </i>
    	   		<i class="iconfont icon-dayuhao"></i>
    	   </div>   	   
    	</div>
    	<div class="evaluation_box">
    	   <ul class="evaluationlist">
    	   	<li class="evaluation_list" v-for="evaluation in evaluations">
    	   		<img class="user_img" :src="evaluation.userimg"/>
    	   		<div class="evaluation_right">
    	   			<div class="right1">
    	   			 	<h3>{{evaluation.wxnc}}</h3>
    	   			 	<h4>{{evaluation.plsj}}</h4>   	   			 	
    	   			</div>
    	   			<p class="all">
								<input type="radio" name="b" value="0" v-model="inputdata" />
								<span>★</span>
								<input type="radio" name="b" value="1" v-model="inputdata" />
								<span>★</span>
								<input type="radio" name="b" value="2" v-model="inputdata" />
								<span>★</span>
								<input type="radio" name="b" value="3" v-model="inputdata" />
								<span>★</span>
								<input type="radio" name="b" value="4" v-model="inputdata" />
								<span>★</span>
								<input type="radio" name="b" value="5" v-model="inputdata" />
								<span>★</span>
							</p>
    	   			<p class="right3">
    	   			 	{{evaluation.plnr}}   	   			 		   			 	
    	   			</p>
    	   		</div>
    	   	</li>
    	   </ul>
    	</div>
    </div>
  	<div class="otherbox">
    	<div class="titlebox">
    	   <div class="title">
    	   		进店的人还买了
    	   </div>
    	   <div class="more">
    	   		<i>加载更多 </i>
    	   		<i class="iconfont icon-dayuhao"></i>
    	   </div>   	   
    	</div>
    	   		
    	<div class="foodlistbox">
    		<Foodlistm :foods="foods" @addcart="addcart"></Foodlistm>
    	</div>
    	
    	
    </div>
  </div>
</template>

<script  src="../assets/js/food.js"></script>

<style scoped src="../assets/css/food.css"></style>
